.tab-box {
	position: fixed;
	padding: 0 25rpx;
	background-color: #eef2f6;
	width: calc(100% - 50rpx);
	z-index: 9;
}
.order-list-box {
	padding-top: 90rpx;
}
.item-box {
	margin: 25rpx;
	padding: 20rpx;
	border-radius: 15rpx;
	background-color: #fff;
	.order-id-box {
		display: flex;
		align-items: center;
		justify-content: space-between;
		.order-id {
			display: flex;
			align-items: center;
			.tit {
				font-size: 27rpx;
				color: #606266;
				margin-left: 5rpx;
			}
		}
		.order-status {
			display: flex;
			align-items: center;
		}
	}

	.goods-box {
		.item-goods {
			margin-top: 30rpx;
			.goods-price {
				.price-box {
					display: flex;
					align-items: center;
					justify-content: space-between;
					.price {
						font-size: 30rpx;
						color: #d33123;
					}
					.num {
						font-size: 27rpx;
						color: #909399;
					}
				}
			}
		}
	}
	.total-box {
		margin-top: 30rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.time {
			font-size: 22rpx;
			color: #000;
		}
		.total {
			font-size: 22rpx;
			color: #000;
			.price {
				font-size: 28rpx;
				line-height: 1;
				color: #d33123;
			}
		}
	}
	.time-box {
		margin-top: 30rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;

		.btn-box {
			display: flex;
			align-items: center;
			.btn {
				line-height: 55rpx;
				width: 150rpx;
				border-radius: 20px;
				border: 1px solid #3c9cff;
				font-size: 27rpx;
				text-align: center;
				color: #3c9cff;
				margin-left: 20rpx;
			}
			.pay {
				color: #fff;
				border-color: #d33123;
				background-color: #d33123;
			}
			.receipt {
				color: #fff;
				border-color: #4db95f;
				background-color: #4db95f;
			}
			.evaluate {
				color: #fff;
				border-color: #f9ae3d;
				background-color: #f9ae3d;
			}
		}
	}
}

.no-data {
	text-align: center;
	padding: 10rpx 0 50rpx;
	font-size: 24rpx;
	color: #979797;
}
